$(function () {
    var currentPage = 1;//当前页
    var pageSize = 3;//每页条数
 function render() {
     $.ajax({
         type: 'get',
         url: '/category/queryTopCategoryPaging',
         data: {
             page:currentPage,
             pageSize: pageSize
         },
         dataType: 'json',
         success: function (res) {
             console.log(res);
             $('tbody').html(template('tmp', res));
            //  基于数据库真是的总数,来生成分页
             setPage(res.total);
         }
     }) 
    }   
    render();
    //分页
    function setPage(total) {
        $("#paginator").bootstrapPaginator({
            bootstrapMajorVersion: 3,//默认是2，如果是bootstrap3版本，这个参数必填
            currentPage: currentPage,//默认那个按钮高亮
            totalPages: Math.ceil(total/pageSize),//每页按钮的个数
            onPageClicked: function (event, originalEvent, type, page) {
                //为按钮绑定点击事件 page:当前点击的按钮值
                console.log('page:', page);
                // 1.改变当前页的取值
                currentPage = page;
                // 渲染
                render();
            }

        });

    }
})